<template>
<div class="wrap">
	<Gheader :showheader="data"></Gheader>
	<scroll  class="wrapper"> 
		<div class="inwrap">
			<div><img :src="user.userheader" alt="" /> <span>{{user.username}}</span></div>
			<div>我的邀请码 : 1234567890</div>
			<div>分享邀请码 邀请好友注册吧</div>
		</div>
	</scroll>
</div>
</template>

<script>
	import Scroll from "../../../../base/Scroll"
	import Gheader from "../person-center/Gheader"
	export default{
		name:"Invitecode",
		data(){
			return{
				data:{
					word:"我的邀请码 ",
					left:[true,false,false],
					right:[false,false,false,false,false,false],
					leftword:"",
					rightword1:"",
					rightword2:"",
					
				},
				user:{}
			}
		},
		components:{
			Gheader,
			Scroll
		},
		computed:{
			listen(){
				return this.$store.state.personInfor
			}
		},
		watch:{
				listen:function(news,old){
					if(this.$store.state.personInfor.length!=0){
						this.user=this.$store.state.personInfor[0].login
					}
				}
		},
		mounted:function  () {
				if(this.$store.state.personInfor.length!=0){
					this.user=this.$store.state.personInfor[0].login
				}
		}
	}
</script>

<style scoped>
	.wrap{
		width: 100%;
		height: 100vh;
		background: #F2F2F2;
	}
	.wrapper{
		height: 90vh;
		overflow: hidden;
	}
	.inwrap{
		height: 90.2vh;
	}
	.inwrap>div:nth-child(1){
		padding:0 2.8%;
		width: 94.4%;
		height: 13.514vh;
		line-height:13.514vh;
		padding-left:12vh;
		position: relative;
		font-size: 1.3rem;
	}
	.inwrap>div:nth-child(1) img{
		display: inline-block;
		width: 8vh;
		height:8vh ;
		background: #D26060;
		border: 1px solid #CCCCCC;
		border-radius: 50%;
		margin-top:-4vh ;
		position: absolute;
		left: 1rem;
		top: 50%;
	}
	.inwrap>div:nth-child(2),.inwrap>div:nth-child(3){
		text-align: center;
		font-size: 1.3rem;
	}
	.inwrap>div:nth-child(3){
		height: 2.875rem;
		line-height:2.875rem ;
		background: red;
		color: white;
		border-radius:1.9rem ;
		margin: 2rem 15%;
	}
</style>